/* pages/user/bpl-reminder/bpl-reminder.wxss */


.container {
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}

.header {
  width: 100%;
  padding-bottom: 20rpx;
  padding-top: calc(90rpx + env(safe-area-inset-top));
  position: relative;
}

.header-inner {
  padding-left: 24rpx;
  padding-right: 24rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 60rpx;
  
  .title {
    font-size: 36rpx;
    font-weight: 600;
    color: #333;
  }
  
  .left,
  .right {
    flex: 0 0 80rpx;
  }
}

.time-range {
  width: 92%;
  margin: 18rpx auto;
  background: #fff;
  border-radius: 14rpx;
  box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.time-range .van-cell {
  padding-left: 28rpx;
  padding-right: 28rpx;
}

.time-value {
  color: #333;
  font-size: 28rpx;
  
  &.disabled {
    color: #c8c9cc;
  }
}

.hint {
  width: 86%;
  margin: 14rpx auto;
  color: #9b9b9b;
  font-size: 24rpx;
}

.button-container {
  position: fixed;
  bottom: 60rpx;
  left: 32rpx;
  right: 32rpx;
  z-index: 100;
}

.save-button {
  height: 96rpx !important;
  background: #0093D2 !important;
  border: none !important;
  box-shadow: 0 8rpx 24rpx rgba(0, 122, 255, 0.3) !important;
  font-size: 32rpx !important;
  font-weight: 500 !important;
}

.save-button[disabled] {
  background: #ccc !important;
  box-shadow: none !important;
}